body{background-color: white;}
.head{width: 100%; background-color: white}
.head1{height: 45px;background-color: black; line-height: 43px;color: #fbffff;}
.head1 h2{float: left; font-size: 12px;}
.head1 p {float: right; padding-left: 20px; font-size: 10px;}
.head1 p .tel{color: #fbffff;margin-left: 10px;margin-right: 60px;}
.head1 p .eml{color: #fbffff;}
.head1 a:hover{color: red;}

.head2{background-color: #fbffff; width: 1200px; }
.head2 .fl img{padding: 27px 0;}
.head2 .fr{margin-top: 42px;}
.head2  li{float: left; margin: 0 30px;}
.fr .active::after{content: '';display: block; width: 60%;height: 5px;background-color: #15bded;margin: 5px auto;}
.fr a:hover{color:red;}


.banner{height:550px;background: url(../images/banner1.jpg)no-repeat center;position: relative;background-color: white;}
.banner1{width: 458px; height: 212px;text-align: center; position: absolute;left: 50%;margin-left: -227px;top: 50%;margin-top: -106px; background: url(../images/border.png)no-repeat;}
.banner1 h2{font-size: 43px;font-weight: bold;line-height: 30px;color: #ffffff; margin: 40px 70px 15px 70px;}
.banner1 p{width: 360px ; font-size: 20px;  color: #fff;margin: -22px 10px 10px -20px ;} 


.cultrue{width: 100%; }
.cultrue1{width: 1200px; height: 210px; margin-top: 30px;text-align: center; }
.cultrue1 h2{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.cultrue1 p{font-size: 14px;color: #ffffff;opacity: 0.7;line-height: 30px;text-align: center;}
.cultrue-l{width: 400px;height: 210px;background: url(../images/01.jpg)no-repeat; padding: 40px;box-sizing: border-box;}
.cultrue-m{width: 400px;height: 210px;background: url(../images/02.jpg)no-repeat;padding: 40px;box-sizing: border-box;}
.cultrue-r{width: 400px;height: 210px;background:url(../images/03.jpg) no-repeat;padding: 40px;box-sizing: border-box;}


.product{width: 1200px; margin: 90px auto;}
.product h2{font-size: 28px;line-height: 30px;color: #252525;}
.product .active ::after{content: '';display: block; width: 54px;height: 4px;background-color: #15bded;margin-top: 18px;}
.product h2 span{font-size: 22px;color: #bbb8b5;padding-left: 10px;}

.product-t {width: 1200px; height: 580px;margin-top: 42px;}
.product-t .pdt-l {width: 580px; float: left;height: 580px;list-style: none; }
.product-t .pdt-l li {position: relative; width: 270px;height: 275px;margin-right: 20px; float: left; box-sizing: border-box;}
.product-t .pdt-l li h3{font-size: 26px;color: #252525;margin-top: 100px;}
.product-t .pdt-l li p{font-size: 22px;color: #15bded;}
.product-t .pdt-l li div{position: absolute;bottom: 0;text-align: center;width: 270px; transition: all 1s; overflow: hidden; height: 275px;background-color: rgba(250,250,250, 0.6);vertical-align: middle; }
.product-t .pdt-l li:hover div{height: 0;padding: 0;}
.product-t .pdt-l li:nth-child(3){margin-top: 23px;}
.product-t .pdt-l .last{margin-top: 23px;}
.pdt-r{float: right;width: 600px;height: 580px;list-style: none;position: relative;}
.product .pdt-r li div{position: absolute;bottom: 0;text-align: center;width: 600px; transition: all 1s; overflow: hidden; height: 580px;background-color: rgba(250,250,250, 0.6);vertical-align: middle; }
.product .pdt-r li:hover div{height: 0;padding: 0;}
.product .pdt-r li h3{font-size: 26px;color: #252525;margin-top: 250px;}
.product .pdt-r li p{font-size: 22px;color: #15bded;}

.about {background: url(../images/banner3.jpg)no-repeat center;height: 510px;margin-top: 50px; text-align: center;background-color: #f3f3f3;}
.about h2{font-size: 29px;line-height: 30px;color: #3c3c3c ;padding-top: 80px;}
.about .active::after{width: 54px ;height: 5px;background-color: #15bded; content: '';display: block;margin: 13px auto;}
.about  p{width: 680px;height: 190px;margin:35px auto ;font-size: 15px;line-height: 30px;color: #6b6b6b;}
.about  .btt  {width: 155px;height: 46px;background-color: #15bded; border-radius: 20px;cursor: pointer;}
.about .btt a{font-size: 16px;text-align: center; background-color: #15bded; border: none;line-height: 46px;display: inline-block;}

.new{width: 1200px; height: 580px;margin: 40px auto; margin-bottom: 40px;}
.new h2{font-size: 28px;line-height: 30px;color: #252525;}
.new .active ::after{content: '';display: block; width: 54px;height: 4px;background-color: #15bded;margin-top: 18px;}
.new h2 span{font-size: 22px;color: #bbb8b5;}
.news{width:  1200px;height: 500px;margin-top: 40px;}
.news .newsl{width: 380px;height: 500px;  float: left;margin-right: 30px;}
.news .newsm{width: 380px;height: 500px; float: left;}
.news .newsr{width: 380px;height: 500px;float: right;}
.news li a {width: 380px; float: left;font-size: 15px; padding-bottom: 15px; padding-left: 6px; color: #15bded;  border-bottom: 1px solid #d9d9bd ;padding-top: 10px;}
.news li:first-child{padding-top: 22px;}
.news li a span {color: #6a6a6a;}
.news li p {float: right;	font-size: 12px;color: #a5a5b1; padding-top: 5px;}
.news a:hover{color: red;}


.foot{width: 100%;height: 450px;background-color: black;margin: 100px auto;}
.foot1{width: 1200px;height: 370px; padding-top:  70px; margin: 0 auto;box-sizing: border-box;}
.footl{width: 400px;height: 204px;  }
.footl p {line-height: 50px;color: #818388;}
.footl i{display: inline-block;background: url(../images/icon.jpg)no-repeat; width: 25px;height: 25px;vertical-align: middle;}
.ico1{background-position-x: 4px;}
.foot1 .footl .ico2{background-position-y: -38px;}
.foot1 .footl .ico3{background-position-y: -82px;}
.footl img{margin-bottom:  50px;}

.footm{width: 400px;height: 172px;  }
.footm h2 {font-size: 20px;color: #ffffff;}
.footm .active::after{content: '';display: block; width: 50px;height: 4px;background-color: #15bded;margin-top: 20px;margin-bottom: 45px;}
.footm li{display: inline-block; width: 190px; line-height: 50px;}
.footm li a {color: #818388;}
.footm li a:hover{color: red;}


.footr{width: 400px;height: 182px; }
.footr h2 {font-size: 20px;color: #ffffff;}
.footr .active::after{content: '';  display: block; width: 50px;height: 4px;background-color: #15bded;margin-left: 0px;margin-top: 20px;margin-bottom: 45px;}
.footr .searh {margin-top: 55px ;box-sizing: border-box;}
.footr input{width: 220px ;height: 50px; border: none;padding-left: 10px;}
.footr button{ width: 100px;height: 50px;border: none;background-color:  #3aa27f;}
.footr .fx{font-size: 16px;font-weight: bold;color: #818388; margin-top: 30px;}
.footm li a:hover{color: red;}

.foot .sm{font-size: 12px;font-weight: bold;line-height: 38px;color: #818388; text-align: center;}